<?php
session_start();

include_once './c/config.php';
include 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();

$cdnUrl='./';
if (isset($_GET['op'])){
    $_SESSION['openid']=$_GET['op'];
}
$openid='';
if (isset($_SESSION['openid'])){
    $openid=$_SESSION['openid'];
}
if (empty($openid)){
    exit;
}

/**
 * 
 wx.openCard({
            		cardList: [{
            		cardId: '<?php echo $card_id; ?>',
            	    code:data.code
            		}]// 需要打开的卡券列表
            		});
 */

?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>年年有鱼 鼠你有福</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<style>
html,body{width:100%;font-size:12px;font-family:Helvetica,Tahoma, Arial, STXihei,Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{background:#e63d2b;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;}
body, div{padding:0px;margin:0px auto;max-width:750px;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:600px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:36px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:80px;font-size:30px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:96px;font-size:36px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-indent:4px;color:#787c7f;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder{text-align:left;color:#a2a2a2;}
select{position:absolute;color:#787c7f;display:block;background:transparent;border:0px;text-indent:4px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;width:100%;height:auto;}
.tang, .loading, .p1{position:absolute;width:100%;height:100%;display:none;}
.hide, .page{display:none;}
.tang{overflow:hidden;}
.p1-bgt, .p1-bgb{position:absolute;width:100%;height:50%;left:0;}
.p1-bgt{background:#fb2630;top:0;}
.p1-bgb{background:#05a3ad;bottom:0;}
.g1-t1, .g1-t2, .upost-t2, .share-t1{position:absolute;width:100%;left:0;display:block;}
.g1-t1, .upost-t2, .share-t1, .l-top{top:0;}
.g1-t2{bottom:0;}
.upost-d, .upost-t1, .upost-save{position:absolute;width:100%;left:0;bottom:0;}
::-webkit-scrollbar{display:none;}
.upost-save{opacity:0;}
.l-b, .thebg, .p-b, .page{position:absolute;width:100%;height:100%;top:0;left:0;}
.fishRun{z-index:3;width:238px;height:386px;position:absolute;transform-origin: center;-webkit-transform-origin: center;display:none;} 
.fish{width:238px;height:386px;position:absolute;top:0;left:0;background:url(./img/y/u.png?v=9) no-repeat left top;background-size:auto 100%;
animation:active 0.7s steps(4) infinite ;}
@keyframes active {0%{}100%{background-position:  -952px top;}} 
.l-t1x{position:absolute;background:transparent url('<?php echo $cdnUrl; ?>img/l-t1-2.png') no-repeat;background-size:cover;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}to{-webkit-transform: rotate(360deg)}}
@keyframes rotate{from{transform: rotate(0deg)}to{transform: rotate(359deg)}}
.l-bar{-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate 3s linear infinite;-moz-animation: rotate 3s linear infinite;-o-animation: rotate 3s linear infinite;animation: rotate 3s linear infinite;}
.t-bg{position:absolute;display:none;width:100%;height:100%;top:0px;left:0px;background-color:#000;opacity:.86;z-index:6;}
.rule, .loading, .g1, .end, .usj, .u2sj, .utian, .zhuli, .share, .jpin{z-index:9;display:none;}
.usj-tu, .u2sj-tu, .usj-t1, .u2sj-t1, .utian-tu, .l-top{position:absolute;width:100%;left:0px;}
.rule-t1{position:absolute;background:transparent url('<?php echo $cdnUrl; ?>img/rule-t1.png') no-repeat;background-size:cover;}
.jpin-tx1{position:absolute;background:transparent url('<?php echo $cdnUrl; ?>img/jpin-t1.png') no-repeat;background-size:cover;}
.end-t1{position:absolute;background:transparent url('<?php echo $cdnUrl; ?>img/end-t1.png') no-repeat;background-size:cover;}
.g1-t3{position:absolute;background:transparent url('<?php echo $cdnUrl; ?>img/g1-t3.png') no-repeat;background-size:cover;}
.zhuli-t3{position:absolute;background:transparent url('<?php echo $cdnUrl; ?>img/zhuli.png') no-repeat;background-size:cover;}
.g1-time{position:absolute;width:100%;left:0;top:4.4%;font-weight:600;}
.time-day, .time-hour, .time-sec{position:absolute;z-index:3;color:#fff;font-size:12px;text-align:center;background:transparent url('<?php echo $cdnUrl; ?>img/time-t4.png') no-repeat;background-size:cover;}
.time-d, .jpin-ling, .jpin-ling1, .jpin-lig1, .jpin-lig2, .jpin-lig3, .jpin-lig4{position:absolute;}
.end-txt{position:absolute;text-align:right;color:#fff;font-size:132px;font-weight:700;}
.upost{background:#fb2630;}
.jpin-jilu{position:absolute;width:100%;overflow-y:scroll;-webkit-overflow-scrolling: touch;}
.jpin-j4, .jpin-j3, .jpin-j1, .jpin-j2{position:relative;width:100%;}
.jpin-t4{position:absolute;left:0;}
.jpin-time{position:absolute;font-size:12px;}
.animated2{animation-duration:1.8s;animation-fill-mode: both;}
.l-tu{position:absolute;left:0;width:100%;}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, 460%, 0);
    transform: scale3d(0, 0, 0) translate3d(0, 460%, 0);
  }
  30% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, 460%, 0) rotate3d(0, 0, 1, 5deg);
    transform: scale3d(0, 0, 0) translate3d(0, 460%, 0) rotate3d(0, 0, 1, 5deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 0, 1, 5deg);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  
  
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, 460%, 0) rotate3d(0, 0, 1, 15deg);
    transform: scale3d(0, 0, 0) translate3d(0, 460%, 0) rotate3d(0, 0, 1, 15deg);
  }
  30% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, 460%, 0) rotate3d(0, 0, 1, 5deg);
    transform: scale3d(0, 0, 0) translate3d(0, 460%, 0) rotate3d(0, 0, 1, 5deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 0, 1, 5deg);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
input {outline: none;-webkit-appearance: none; -webkit-appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
@-webkit-keyframes rotate{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} }
.gorotate{animation: rotate 3s linear infinite;-webkit-animation: rotate 3s linear infinite;}
.p-m{position:absolute;z-index:9;}
.g1-t1{z-index:9;}
</style>
</head><body>
<div class="container">
    <div class="loading">
    	<img class="l-b" src="<?php echo $cdnUrl; ?>img/l.jpg">
    	<img class="l-top" src="<?php echo $cdnUrl; ?>img/l-top.png">
    	<img class="p-m" src="<?php echo $cdnUrl; ?>img/m.png" />
    	<div class="thebg">
        	<img class="p-b" src="<?php echo $cdnUrl; ?>img/l-b.png?v=2">
        	<img class="l-y1 simg hide" src="<?php echo $cdnUrl; ?>img/l-y1.png">
        	<img class="l-y2 simg hide" src="<?php echo $cdnUrl; ?>img/l-y2.png">
        	<img class="l-y3 simg hide" src="<?php echo $cdnUrl; ?>img/l-y3.png">
        	
        	<img class="l-tu simg" src="<?php echo $cdnUrl; ?>img/x/1.png">
        	
        	
        	<img class="l-t1 simg" src="<?php echo $cdnUrl; ?>img/l-t1.png">
        	<div class="l-t1x"></div>
        	<img class="l-bar simg" src="<?php echo $cdnUrl; ?>img/l-bar.png">
        	<img class="l-t2 simg" src="<?php echo $cdnUrl; ?>img/l-t2.png?v=2">
    	</div>
    </div>
    <div class="p1">
       <div class="p1-bgt"></div>
       <div class="p1-bgb"></div>
       <img class="p-m" src="<?php echo $cdnUrl; ?>img/m.png" />
       <div class="thebg">
           <img class="p-b" src="<?php echo $cdnUrl; ?>img/3.jpg">
           <img class="p1-b1 simg" src="<?php echo $cdnUrl; ?>img/p1-b1.png">
           <div class="p1-hdgz simg"></div>
           <div class="p1-jpzc simg"></div>
       </div>
    </div>
    
    <div class="t-bg"></div>
    <div class="g1 page">
        <img class="g1-t1" src="<?php echo $cdnUrl; ?>img/g1-t1.png">
        <img class="g1-t2" src="<?php echo $cdnUrl; ?>img/g1-t2.png">
        <div class="g1-t3">
           <div class="g1-start simg"></div>
        </div>
    </div>
    
    <div class="zhuli page">
        <img class="g1-t1" src="<?php echo $cdnUrl; ?>img/g1-t1.png">
        <img class="g1-t2" src="<?php echo $cdnUrl; ?>img/g1-t2.png">
        <div class="zhuli-t3">
           <div class="zhuli-close simg"></div>
           <div class="zhuli-qing simg"></div>
        </div>
    </div>
    <div class="share page">
        <img class="share-t1" src="<?php echo $cdnUrl; ?>img/share-t1.png">
    </div>
    
    <div class="usj page">
        <img class="g1-t1" src="<?php echo $cdnUrl; ?>img/g1-t1.png">
        <img class="g1-t2" src="<?php echo $cdnUrl; ?>img/g1-t2.png">
        <img class="usj-tu" src="<?php echo $cdnUrl; ?>img/j/xy.png">
        <div class="usj-t1">
            <div class="usj-open simg"></div>
        </div>
    </div>
    <div class="u2sj page">
        <img class="g1-t1" src="<?php echo $cdnUrl; ?>img/g1-t1.png">
        <img class="g1-t2" src="<?php echo $cdnUrl; ?>img/g1-t2.png">
        <img class="u2sj-tu" src="<?php echo $cdnUrl; ?>img/j/xy.png">
        <div class="u2sj-t1">
             <img class="u2sj-l1 u2sj-d1 simg" src="<?php echo $cdnUrl; ?>img/j/l-y.png">
             <img class="u2sj-l1 simg" src="<?php echo $cdnUrl; ?>img/j/l-1.png">
             
             <img class="u2sj-l2 u2sj-d2 simg" src="<?php echo $cdnUrl; ?>img/j/l-y.png">
             <img class="u2sj-l2 simg" src="<?php echo $cdnUrl; ?>img/j/l-2.png">
             
             <img class="u2sj-l3 u2sj-d3 simg" src="<?php echo $cdnUrl; ?>img/j/l-y.png">
             <img class="u2sj-l3 simg" src="<?php echo $cdnUrl; ?>img/j/l-3.png">
             
             <img class="u2sj-l4 u2sj-d4 simg" src="<?php echo $cdnUrl; ?>img/j/l-y.png">
             <img class="u2sj-l4 simg" src="<?php echo $cdnUrl; ?>img/j/l-4.png">
             
        </div>
    </div>
    <div class="utian page">
        <img class="g1-t1" src="<?php echo $cdnUrl; ?>img/g1-t1.png">
        <img class="g1-t2" src="<?php echo $cdnUrl; ?>img/g1-t2.png">
        <img class="utian-tu" src="<?php echo $cdnUrl; ?>img/j/ddutian.png?v=2">
        <div class="usj-t1">
             <input id="u-name" class="txt" name="name" type="text" />
	     	 <input id="u-lx" class="txt" name="lx" oninput="if(value.length>11)value=value.slice(0,11)" type="number" maxlength="11" />
	     	 <input id="u-sf" class="txt" name="sf" type="text" />
	     	 <div class="u-tj simg"></div>
        </div>
    </div>
    <div class="upost page">
        <img class="p-m" src="<?php echo $cdnUrl; ?>img/m.png" />
        <img class="upost-d" src="<?php echo $cdnUrl; ?>img/j/fq-post-bg.jpg">
        <div class="thebg">
        <img class="upost-t2" src="<?php echo $cdnUrl; ?>img/j/fq-t2.png">
        </div>
 
        <img class="upost-save" src="<?php echo $cdnUrl; ?>img/j/fq-post.jpg">
    
    </div>
    
    <div class="end page">
         <img class="g1-t1" src="<?php echo $cdnUrl; ?>img/g1-t1.png">
         <img class="g1-t2" src="<?php echo $cdnUrl; ?>img/g1-t2.png">
         <div class="end-t1">
            <div class="end-txt">0</div>
            <div class="end-cha simg"></div>
         </div>
    </div>
    
    <div class="rule page">
        <div class="rule-t1">
          <div class="rule-close simg"></div>
        </div>
    </div>
    
    <div class="jpin page">
        <div class="jpin-tx1">
          <div class="jpin-jilu">
           
            
            <div class="jpin-j2">
               <img class="jpin-t2" src="<?php echo $cdnUrl; ?>img/t/2.png">
               <div class="jpin-time">2019:12:12 12</div>
               <img class="jpin-lig1" src="<?php echo $cdnUrl; ?>img/t/yi2.png">
               <img class="jpin-lig2" src="<?php echo $cdnUrl; ?>img/t/yi2.png">
               <img class="jpin-lig3" src="<?php echo $cdnUrl; ?>img/t/yi2.png">
               <img class="jpin-lig4" src="<?php echo $cdnUrl; ?>img/t/yi2.png">
            </div>
            
          </div>
          <div class="jpin-close simg"></div>
        </div>
    </div>
    
	<div class="tang">
	    <img class="p-m" src="<?php echo $cdnUrl; ?>img/m.png" />
	    <img class="l-b" src="./img/tang.jpg">
	    <img class="l-b"   src="./img/h/di.png">
	    <div class="fishRun fishRun0" id="fishRun0" num =0><div class="fish"></div></div>
    	<div class="fishRun fishRun1" id="fishRun1" num =1><div class="fish"></div></div>
    	<div class="fishRun fishRun2" id="fishRun2" num =2><div class="fish"></div></div>
    	<div class="fishRun fishRun3" id="fishRun3" num =3><div class="fish"></div></div>
    	<div class="fishRun fishRun4" id="fishRun4" num =4><div class="fish"></div></div>
    	<div class="fishRun fishRun5" id="fishRun5" num =5><div class="fish"></div></div>
    	<div class="fishRun fishRun6" id="fishRun6" num =6><div class="fish"></div></div>
    	<div class="fishRun fishRun7" id="fishRun7" num =7><div class="fish"></div></div>
    	<div class="fishRun fishRun8" id="fishRun8" num =8><div class="fish"></div></div>
    	<div class="fishRun fishRun9" id="fishRun9" num =9><div class="fish"></div></div>
    	<div class="fishRun fishRun10" id="fishRun10" num =10><div class="fish"></div></div>
    	<div class="fishRun fishRun11" id="fishRun11" num =11><div class="fish"></div></div>
    	<div class="fishRun fishRun12" id="fishRun12" num =12><div class="fish"></div></div>
    	<div class="fishRun fishRun13" id="fishRun13" num =13><div class="fish"></div></div>
    	<div class="fishRun fishRun14" id="fishRun14" num =14><div class="fish"></div></div>
    	<div class="fishRun fishRun15" id="fishRun15" num =15><div class="fish"></div></div>
        <img class="tang-h1 simg" src="./img/h/1.png">
	    <img class="tang-h2 simg" src="./img/h/2.png">  
	    <img class="tang-h3 simg" src="./img/h/3.png"> 
	    <img class="tang-h4 simg" src="./img/h/4.png">   
	    <img class="tang-h5 simg" src="./img/h/5.png">
	    <img class="tang-h6 simg" src="./img/h/6.png">
	    <img class="tang-h7 simg" src="./img/h/7.png">
	    <img class="tang-h8 simg" src="./img/h/8.png">  
	    
	    <div class="g1-time">
           <img class="time-d1 time-d" src="<?php echo $cdnUrl; ?>img/time-d.png">
           <img class="time-d2 time-d" src="<?php echo $cdnUrl; ?>img/time-d.png">
           <div class="time-day">00</div>
           <div class="time-hour">00</div>
           <div class="time-sec">10</div>
        </div>
	       
    </div>
    
    <div class="js_dialog">
       <div class="weui-mask"></div>
       <div class="weui-dialog">
                <div class="weui-dialog__bd weui-msg"></div>
                <div class="weui-dialog__ft">
                    <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary weui-btn">知道了</a>
                </div>
        </div>
     </div>
     
</div>
<div style="display:none;">
    <audio id="cm3" preload="auto"><source src="http://lin.mei94.com/dnsj/js/c.mp3"  type="audio/mpeg"></audio>
    <audio id="dm3" preload="auto"><source src="http://lin.mei94.com/dnsj/js/dao.mp3"  type="audio/mpeg"></audio>
    <audio id="mbg" preload="auto" loop="loop"><source src="http://lin.mei94.com/dnsj/js/m.mp3"  type="audio/mpeg"></audio>
</div>
<script src="http://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script src="<?php echo $cdnUrl ?>js/TweenMax.min.js?v=2"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<?php 
include 'js.php';
?></body></html>